<template>
  <div class="h-100 position-relative bgcxy" style="overflow-y: auto;">
    <index-header  class="position-absolute" style="top: 0; z-index: 2" />
    <div class="content" :style="{'height':height+'px'}"></div>
  </div>
</template>

<script>
const height = parseInt((window.document.body.clientWidth * 0.98) * 0.539)
import IndexHeader from 'header/IndexHeader4.vue'
import AMap from '@/utils/AMap'
import echarts from 'echarts'
import {
  homePagemap
} from '@/api/connector'
import PageHeader from 'header/PageHeader.vue'
import 'echarts-liquidfill/src/liquidFill.js'

export default {
  name: 'Test',
  components: {
    IndexHeader,
    PageHeader
  },
  data() {
    return {
        height
    }
  },
  mounted() {
       window.onresize = () => {
      // return (()=>{
      // this.$nextTick(()=>{
      const height = parseInt((window.document.body.clientWidth * 0.98) * 0.539)
      this.height = height
      //   })
      // })
    }
  },
  created() {
  },
  methods: {
   
  }
}
</script>
<style lang="scss" scoped>
.content{
    background: url(~@/assets/img/jskj.png) no-repeat;
    width: 98%;
    height: 90%;
    background-size: 100% 100%;
    background-position: center;
    margin: auto;
    margin-top: -30px;
}
/* 设置滚动条的样式 */
::-webkit-scrollbar {
width:5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius:10px;
background:RGBA(21, 48, 68, 0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
background:RGBA(21, 48, 68, 0.4);
}
</style>
